拟授权角色：
<nz-tree-view [nzTreeControl]="treeControl" [nzDataSource]="dataSource">
    <nz-tree-node *nzTreeNodeDef="let node" nzTreeNodePadding>
      <nz-tree-node-toggle nzTreeNodeNoopToggle></nz-tree-node-toggle>
      <nz-tree-node-checkbox
        [nzDisabled]="node.disabled"
        [nzChecked]="checklistSelection.isSelected(node)"
        (nzClick)="leafItemSelectionToggle(node)"
      ></nz-tree-node-checkbox>
      <nz-tree-node-option [nzDisabled]="node.disabled" (nzClick)="leafItemSelectionToggle(node)">
        {{ node.name }}
      </nz-tree-node-option>
    </nz-tree-node>

    <nz-tree-node *nzTreeNodeDef="let node; when: hasChild" nzTreeNodePadding>
      <nz-tree-node-toggle>
        <i nz-icon nzType="caret-down" nzTreeNodeToggleRotateIcon></i>
      </nz-tree-node-toggle>
      <nz-tree-node-checkbox
        [nzDisabled]="node.disabled"
        [nzChecked]="descendantsAllSelected(node)"
        [nzIndeterminate]="descendantsPartiallySelected(node)"
        (nzClick)="itemSelectionToggle(node)"
      ></nz-tree-node-checkbox>
      <nz-tree-node-option [nzDisabled]="node.disabled" (nzClick)="itemSelectionToggle(node)">
        {{ node.name }}
      </nz-tree-node-option>
    </nz-tree-node>
  </nz-tree-view>


拟授权用户:

<div class="example-input">
    <nz-input-group nzSize="large" [nzSuffix]="suffixIcon">
      <input
        placeholder="input here"
        nz-input
        [(ngModel)]="inputValue"
        (ngModelChange)="onChange($event)"
        [nzAutocomplete]="auto"
      />
    </nz-input-group>
    <ng-template #suffixIcon>
      <i nz-icon nzType="search"></i>
    </ng-template>
    <nz-autocomplete #auto>
      <nz-auto-optgroup *ngFor="let group of optionGroups" [nzLabel]="groupTitle">
        <ng-template #groupTitle>
          <span>
            {{ group.title }}
            <a class="more-link" href="https://www.google.com/search?q=ng+zorro" target="_blank">更多</a>
          </span>
        </ng-template>
        <nz-auto-option *ngFor="let option of group.children" [nzLabel]="option.title" [nzValue]="option.title">
          {{ option.title }}
          <span class="certain-search-item-count">{{ option.count }} 人 关注</span>
        </nz-auto-option>
      </nz-auto-optgroup>
    </nz-autocomplete>
  </div>

<nz-tag nzMode="closeable" (nzOnClose)="onClose()">用户1</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">用户2</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">用户3</nz-tag>
<br />
<button nz-button nzType="primary">添加授权</button> <button nz-button nzType="primary" nzDanger>移除授权</button>
<br />

授权群组列表：
<div class="example-input">
    <nz-input-group nzSize="large" [nzSuffix]="suffixIcon">
      <input
        placeholder="input here"
        nz-input
        [(ngModel)]="inputValue"
        (ngModelChange)="onChange($event)"
        [nzAutocomplete]="auto"
      />
    </nz-input-group>
    <ng-template #suffixIcon>
      <i nz-icon nzType="search"></i>
    </ng-template>
    <nz-autocomplete #auto>
      <nz-auto-optgroup *ngFor="let group of optionGroups" [nzLabel]="groupTitle">
        <ng-template #groupTitle>
          <span>
            {{ group.title }}
            <a class="more-link" href="https://www.google.com/search?q=ng+zorro" target="_blank">更多</a>
          </span>
        </ng-template>
        <nz-auto-option *ngFor="let option of group.children" [nzLabel]="option.title" [nzValue]="option.title">
          {{ option.title }}
          <span class="certain-search-item-count">{{ option.count }} 人 关注</span>
        </nz-auto-option>
      </nz-auto-optgroup>
    </nz-autocomplete>
  </div>

<nz-tag nzMode="closeable" (nzOnClose)="onClose()">群组1</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">群组2</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">群组3</nz-tag>
<br />
<button nz-button nzType="primary">添加授权</button> <button nz-button nzType="primary" nzDanger>移除授权</button>
<br />

授权组织列表：
<div class="example-input">
    <nz-input-group nzSize="large" [nzSuffix]="suffixIcon">
      <input
        placeholder="input here"
        nz-input
        [(ngModel)]="inputValue"
        (ngModelChange)="onChange($event)"
        [nzAutocomplete]="auto"
      />
    </nz-input-group>
    <ng-template #suffixIcon>
      <i nz-icon nzType="search"></i>
    </ng-template>
    <nz-autocomplete #auto>
      <nz-auto-optgroup *ngFor="let group of optionGroups" [nzLabel]="groupTitle">
        <ng-template #groupTitle>
          <span>
            {{ group.title }}
            <a class="more-link" href="https://www.google.com/search?q=ng+zorro" target="_blank">更多</a>
          </span>
        </ng-template>
        <nz-auto-option *ngFor="let option of group.children" [nzLabel]="option.title" [nzValue]="option.title">
          {{ option.title }}
          <span class="certain-search-item-count">{{ option.count }} 人 关注</span>
        </nz-auto-option>
      </nz-auto-optgroup>
    </nz-autocomplete>
  </div>

<nz-tag nzMode="closeable" (nzOnClose)="onClose()">组织1</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">组织2</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">组织3</nz-tag>
<br />
<button nz-button nzType="primary">添加授权</button> <button nz-button nzType="primary" nzDanger>移除授权</button>
<br />

授权岗位列表：
<div class="example-input">
    <nz-input-group nzSize="large" [nzSuffix]="suffixIcon">
      <input
        placeholder="input here"
        nz-input
        [(ngModel)]="inputValue"
        (ngModelChange)="onChange($event)"
        [nzAutocomplete]="auto"
      />
    </nz-input-group>
    <ng-template #suffixIcon>
      <i nz-icon nzType="search"></i>
    </ng-template>
    <nz-autocomplete #auto>
      <nz-auto-optgroup *ngFor="let group of optionGroups" [nzLabel]="groupTitle">
        <ng-template #groupTitle>
          <span>
            {{ group.title }}
            <a class="more-link" href="https://www.google.com/search?q=ng+zorro" target="_blank">更多</a>
          </span>
        </ng-template>
        <nz-auto-option *ngFor="let option of group.children" [nzLabel]="option.title" [nzValue]="option.title">
          {{ option.title }}
          <span class="certain-search-item-count">{{ option.count }} 人 关注</span>
        </nz-auto-option>
      </nz-auto-optgroup>
    </nz-autocomplete>
  </div>

<nz-tag nzMode="closeable" (nzOnClose)="onClose()">岗位1</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">岗位2</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">岗位3</nz-tag>
<br />
<button nz-button nzType="primary">添加授权</button> <button nz-button nzType="primary" nzDanger>移除授权</button>
<br />

授权级别列表：
<div class="example-input">
    <nz-input-group nzSize="large" [nzSuffix]="suffixIcon">
      <input
        placeholder="input here"
        nz-input
        [(ngModel)]="inputValue"
        (ngModelChange)="onChange($event)"
        [nzAutocomplete]="auto"
      />
    </nz-input-group>
    <ng-template #suffixIcon>
      <i nz-icon nzType="search"></i>
    </ng-template>
    <nz-autocomplete #auto>
      <nz-auto-optgroup *ngFor="let group of optionGroups" [nzLabel]="groupTitle">
        <ng-template #groupTitle>
          <span>
            {{ group.title }}
            <a class="more-link" href="https://www.google.com/search?q=ng+zorro" target="_blank">更多</a>
          </span>
        </ng-template>
        <nz-auto-option *ngFor="let option of group.children" [nzLabel]="option.title" [nzValue]="option.title">
          {{ option.title }}
          <span class="certain-search-item-count">{{ option.count }} 人 关注</span>
        </nz-auto-option>
      </nz-auto-optgroup>
    </nz-autocomplete>
  </div>

<nz-tag nzMode="closeable" (nzOnClose)="onClose()">级别1</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">级别2</nz-tag>
<nz-tag nzMode="closeable" (nzOnClose)="onClose()">级别3</nz-tag>
<br />
<button nz-button nzType="primary">添加授权</button> <button nz-button nzType="primary" nzDanger>移除授权</button>
<br />